<%@ include file="base.jsp" %>
<%@ page isELIgnored ="true" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript">
	$(document).ready(function() {
		$('#pp').pagination({
			total:30,
			pageSize:20,
			onSelectPage:function(pageNum,pageSize){
				$(this).pagination('loading');
				alert('pageNumber: '+pageNum+' pageSize: '+pageSize);
				$(this).pagination('loaded');
			}
		})
	});
</script>
</head>
<body>
	<h2>Basic Pagination</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>The user can change page number and page size on page bar.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<div class="easyui-pagination" data-options="total:114" style="border:1px solid #ddd;"></div>
	
	<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>  
</body>
</html>